﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>My Health Extra Information</title>
        <link href="css/style.css" rel="stylesheet" type="text/css" />        
</head>

<body>
<div id="wrapper">

    <div id="header">
        <div id="logo">
        	<a href="index.html"><img src="images/logo.png" alt="Get Fit By Design Logo"/></a>
       	</div>
        <div id="social">
            <ul id="share-icons">
                <li><a id="facebook-icon" title="Join us on Facebook" href="#"></a></li>
                <li><a id="twitter-icon" title="Follow us on Twitter" href="#"></a></li> 
            </ul>
        </div>
    </div>
    
	<div id="main-body">
		<div id="nav">
			<ul>
				<li><a href="health.html" title="My Health">My Health</a></li>			
				<li><a href="fitness.html" title="Fitness">Fitness</a></li>
				<li><a href="Nutrition/index.html" title="Diet & Nutrition">Diet &amp; Nutrition</a>
					<ul>
						<li><a href="Nutrition/nutritionProfile.html" title="My Nutrition Profile">My Nutrition Profile</a></li>
						<li><a href="Nutrition/recipes.html" title="My Recipes">My Recipes</a></li>
						<li><a href="Nutrition/foodTracker.html" title="My Food Tracker">My Food Tracker</a></li>
						<li><a href="Nutrition/education.html" title="My Education">My Education</a></li>
						<li><a href="Nutrition/motivation.html" title="My Motivation">My Motivation</a></li>
						<li><a href="Nutrition/goals.html" title="My Goals">My Goals</a></li>
						<li><a href="Nutrition/nutritionFacts.html" title="Nutrition Facts">Nutrition Facts</a></li>
						<li><a href="Nutrition/nutritionResources.html" title="Nutrition Resources">Nutrition Resources</a></li>
					</ul>
				</li>
				<li><a href="stress.html" title="Stress Management">Stress Management</a></li>			
				<li><a href="services.html" title="Services">Services</a></li>
				<li><a href="courses.html" title="Courses">Courses</a></li>
				<li><a href="help.html" title="Help & Support">Help &amp; Support</a></li>			
				<li><span style="float: right;"><a href="login.html" title="Login">Login &raquo;</a></span></li>
			</ul>
		</div>		
		
		<div class="main-content">
			<h3>My Health Extra Information:</h3>
			<h2>Click to receive information on any of the following health topics:</h2>			
			<div id="health-extra">
				<a href="#">Alcohol Abuse</a><br/>
				<a href="#">Anxiety/Stress Management</a><br/>
				<a href="#">Beauty/Appearance/Body Image</a><br/>
				<a href="#">Children’s Health</a><br/>
				<a href="#">Men’s Health</a><br/>
				<a href="#">Migraines</a><br/>
				<a href="#">Sleep Problems</a><br/>
				<a href="#">Smoking: How to quit</a><br/>
				<a href="#">Teenage Health</a><br/>
				<a href="#">Pregnancy Health</a><br/>
				<a href="#">Preventative Health</a><br/>
				<a href="#">Women’s Health</a><br/>
			</div><br /><br />
			
			<ul>
				<li>
					<span style="font-weight: bold">My Health by Design categories to focus on (Choose all that apply):</span>
				</li>
				<li style="padding-left: 330px;">
					<input type="checkbox" name="chkBxFitness" value="fitness"/>Fitness<br/>
					<input type="checkbox" name="chkBxNutrition" value="nutrition"/>Nutrition<br/>
					<input type="checkbox" name="chkBxStress" value="stress"/>Stress Management<br/>
				</li>
			</ul><br/><br/>
			<span style="padding-left: 148px;">
				<button class=" awesomebtn green" style="border-radius: 0 7px;" title="My Health Desire" onclick="location.href='health-desire.html'">&raquo; Back </button>		
			</span>
			<span style="padding-left: 20px">
				<button class=" awesomebtn red" title="Save And Exit" onclick="window.alert('Your data is saved successfully!')">Save And Exit &raquo;</button>		
			</span>
			<span style="padding-left: 20px">
				<button class=" awesomebtn green" title="My Health Extra Checkup" onclick="location.href='health-check.html'">Continue to My Health Check &raquo;</button>		
			</span>			
		</div>
	</div>
	
	<div>
		<a href="#" title="About Us">About Us</a>&nbsp;/&nbsp;
		<a href="#" title="Contact Us">Contact Us</a>&nbsp;/&nbsp;
		<a href="#" title="Jobs">Jobs</a>
		<span style="float:right;">&copy;2011&nbsp;<a href="#">Carroll University.</a>&nbsp;All Rights Reserved.</span>
	</div>	
</div>

</body>
</html>
